<template>
  <div class="Carts">
    <h1>购物车({{ cartsNum }})</h1>
    <hr />
    <router-view />
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState({
      cartsNum: (state) => state.carts.cartsNum,
    }),
  },
};
</script>

<style lang = 'scss' scoped>
</style>